<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<html>
    <head>
        <link href="${pageContext.request.contextPath}/static/CSS/bootstrap.css" rel="stylesheet" type="text/css" />
        <link href="${pageContext.request.contextPath}/static/CSS/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            body {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: #fff;
            }

            .form-signin {
                max-width: 900px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #f5f5f5;
                border: 2px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"],
            .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }
        </style>           
    </head>

    <body>
        <form:form commandName="Torneo" method="post" action="Torneo.htm?accion=fnd" class="form-signin">
            <table width="100%" border="1">
                <tr class="success">
                <c:forEach items="${list1}" var="Contendores1">
                    <td align="center">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores1.codtor}&idcon=${Contendores1.codcon}&codgad=1"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores1.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
                <tr class="success">
                <c:forEach items="${list2}" var="Contendores2">
                    <td align="center" colspan="2">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores2.codtor}&idcon=${Contendores2.codcon}&codgad=2"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores2.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
                <tr class="success">
                <c:forEach items="${list3}" var="Contendores3">
                    <td align="center" colspan="4">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores3.codtor}&idcon=${Contendores3.codcon}&codgad=3"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores3.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
                <tr class="success">
                <c:forEach items="${list4}" var="Contendores4">
                    <td align="center" colspan="8">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores4.codtor}&idcon=${Contendores4.codcon}&codgad=4"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores4.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
                <tr class="success">
                <c:forEach items="${list5}" var="Contendores5">
                    <td align="center" colspan="16">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores5.codtor}&idcon=${Contendores5.codcon}&codgad=5"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores5.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
                <tr class="success">
                <c:forEach items="${list6}" var="Contendores6">
                    <td align="center" colspan="32">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores6.codtor}&idcon=${Contendores6.codcon}&codgad=6"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores6.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
                <tr class="success">
                <c:forEach items="${list7}" var="Contendores7">
                    <td align="center" colspan="64">
                        <a href="Contendor.htm?accion=list1&idtor=${Contendores7.codtor}&idcon=${Contendores7.codcon}&codgad=6"><img src="${pageContext.request.contextPath}/static/IMG/${Contendores7.imacon}" width="50" height="50" border="0"></a>
                    </td>
                </c:forEach>
                </tr>
            </table>

            <!-- Le javascript
            ================================================== -->
            <!-- Placed at the end of the document so the pages load faster -->
            <script src="../JS/jquery.js"></script>
            <script src="../JS/bootstrap.min.js"></script>
            <script src="../JS/bootstrap.js"></script>
        </form:form>
    </body>
</html>
